<template>
	<view class="empty-container">
		<image src="/static/icon/no-data.png" mode=""></image>
		<text>{{text}}</text>
	</view>
</template>

<script setup>
	import {
		defineProps,
		toRefs
	} from 'vue';

	const props = defineProps({
		//子组件接收父组件传递过来的值
		text: {
			type: String,
			default: ""
		},
	})
	//使用父组件传递过来的值
	const {
		text
	} = toRefs(props);
</script>

<style lang="scss" scoped>
	.empty-container {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		image{
			width: 269rpx;
			height: 152rpx;
		}
		text{
			font-size: 30rpx;
			color: $uni-color-1;
		}
	}
</style>